html, body{background-color:#F4F4F4;}

.post{background-color:#FFFFFF;}
.post .avater{float: left;width:0.8rem;height:0.8rem;margin:0.2rem;}
.post .container{float: left;width:6.8rem;}
.post .container .name{height:0.7rem;line-height:0.8rem;font-weight:bold;}
.post .container .title{line-height:0.5rem;}
.post .container .desc{line-height:0.6rem;}
.post .container .photos{}
.post .container .photos .photo{width:2.1rem;height:2.1rem;float: left;margin:0 0.1rem 0.1rem 0;border:1px solid #DDDDDD;}

.an-title{height:0.8rem;line-height:0.8rem;border-bottom:1px solid #DDDDDD;margin-top:0.2rem;background-color:#FFFFFF;padding-left:0.2rem;font-weight:bold;}
.answer{background-color:#FFFFFF;border-bottom:1px solid #DDDDDD;}
.answer .avater{float: left;width:0.8rem;height:0.8rem;margin:0.2rem;}
.answer .container{float: left;width:6.6rem;}
.answer .container .name{height:0.7rem;line-height:0.8rem;font-weight:bold;}
.answer .container .title{line-height:0.5rem;}
.answer .container .time{color:#BBBBBB;height:0.6rem;line-height:0.6rem;position:relative;}
.answer .container .time .msg{width:0.6rem;height:0.36rem;position:absolute;right:0;top:0.1rem;display:block;}
.answer .container .s-answer{background-color:#FFFFFF;}
.answer .container .s-answer .s-avater{float: left;width:0.5rem;height:0.5rem;margin-right:0.2rem;}
.answer .container .s-answer .s-container{float: left;width:5.9rem;}
.answer .container .s-answer .s-container .name{height:0.5rem;line-height:0.5rem;font-weight:bold;}
.answer .container .s-answer .s-container .title{line-height:0.5rem;}
.answer .container .s-answer .s-container .time{color:#BBBBBB;height:0.6rem;line-height:0.6rem;position:relative;}
.answer .container .s-answer .s-container .time .msg{width:0.6rem;height:0.36rem;position:absolute;right:0;top:0.1rem;}

.send{height:1rem;border-bottom:1px solid #DDDDDD;position:fixed;bottom:0;width:100%;background-color: #FFFFFF;border-top:1px solid #DDDDDD;}
.send input{width:6.7rem;border:0 none;height:0.76rem;margin:0.1rem 0 0 0.2rem;border-bottom:1px solid #DDDDDD;display:block;float: left;word-break:break-all;overflow-y:auto;word-break: break-word; /* 文本行的任意字内断开 */
    word-wrap: break-word; /* IE */    font-size: 0.3rem;
    white-space: -moz-pre-wrap; /* Mozilla */    
    white-space: -hp-pre-wrap; /* HP printers */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: pre; /* CSS2 */    
    white-space: pre-wrap; /* CSS 2.1 */    
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */}
.send i{width:0.6rem;height:0.6rem;float: left;display:block;margin-left:0.2rem;font-size:0.4rem;margin-top:0.1rem;}
.send svg{width:0.6rem;height:0.6rem;float: left;display:block;margin-left:0.2rem;font-size:0.4rem;margin-top:0.2rem;}

.replyFrame{position:absolute;height:0.8rem;line-height:0.8rem;text-indent:0.2rem;font-size:0.3rem;width:8rem;left:0;top:-0.8rem;border-top:1px solid #DDDDDD;background-color:#F8F8F8;z-index:2001;display:none;}
.replyFrame .close{position:absolute;top:0.2rem;right:0.2rem;}

#post-content{margin-top:0.35rem;}
.content{position:absolute;left:0;right:0;top:0.8rem;bottom:1rem;overflow-y:auto;}